var Options = function () {

    var AddBtn = function ($modal) {
        $('.add-btn').on('click', function(){

            $('body').modalmanager('loading');
            
            var reload = $(this).parent().parent().find('a.reload').first();

            $modal.load($(this).attr('data-url'), function(){
                $modal.modal().on("hidden", function() {
                    $modal.empty();
                    reload.trigger('click');
                });
            });
        });
    };

    var EditBtn = function ($modal) {
        
        $( "body" ).on( "click", ".btn-edit", function() {
            $('body').modalmanager('loading');
            
            var reload = $(this).parent().parent().parent().parent().parent().parent().parent().find('a.reload').first();

            $modal.load($(this).attr('data-url'), function(){
                $modal.modal().on("hidden", function() {
                    $modal.empty();
                    reload.trigger('click');
                });
            });
        });
    };

    var RemoveBtn = function () {
        $( "body" ).on( "click", ".btn-remove", function() {
            
            var reload = $(this).parent().parent().parent().parent().parent().parent().parent().find('a.reload').first();
            
            $.ajax({
                url: $(this).attr('data-url'),
                type: 'post',
                dataType: 'json'
            }).done(function(response) {
                reload.trigger('click');
            })
            .fail(function() {
                alert('Check Your Connection.');
            });
        });
    };

    var LoadData = function () {
        $( "div.tabbable-custom ul li a" ).click(function () {
            if ($('table', 'div' + $(this).attr('href')).length == 0 ) {
                $('.reload', 'div' + $(this).attr('href')).click();
            }
        }).first().trigger('click');
    };
    
    return {

        init: function () {
            
            $.fn.modal.defaults.spinner = $.fn.modalmanager.defaults.spinner = 
            '<div class="loading-spinner" style="width: 200px; margin-left: -100px;">' +
            '<div class="progress progress-striped active">' +
            '<div class="progress-bar" style="width: 100%;"></div>' +
            '</div>' +
            '</div>';
            
            $.fn.modalmanager.defaults.resize = true;
            
            var $modal = $('#ajax-modal');
            
            AddBtn($modal);
            EditBtn($modal);
            RemoveBtn();
            LoadData();
        }

    };

}();